@import '@/styles/variables.scss';
.patientList-container{
    height: 100%;
    .patientList-title-container{
        padding: $block-y $block-x;
        border-bottom: 1px solid $border-color;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .title {
            padding-left: $block-img-text-x;
            border-left: 2px solid $main-color;
            .title-con{
                font-size: $font-size-title;
                color: $main-color;
                font-weight: bold;
            }
        }
    }
    .patientList-search-container{
        margin: 0px $block-x;
        padding: $block-y 0px;
        border-bottom: 1px solid $border-color;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .search-input{
            width: 100%;
            // margin-right: $block-x;
        }
        .date-editors{
            width: 125px;
            .el-input__inner{
                padding-left: 10px;
                padding-right: 10px;
                border: none;
            }
            .el-input__prefix{
                display: none;
            }
        }
    }
    .patientList-list-container{
        height: calc(100% - 52px);
        // overflow-y: auto;
        // @import "@/styles/scrollbalStyle.scss";
        .el-table{
            ::v-deep .el-table__body-wrapper{
                height: calc(100% - 48px);
                overflow-y: auto;
                @import "@/styles/scrollbalStyle.scss";
                .el-table__body{
                    // height: 100%;
                    .el-table__row{
                        &:hover{
                            cursor: pointer;
                        }
                    }
                    tr.current-row > td {
                        background-color: $main-color;
                        p{
                            color: #ffffff;
                            span{
                                color: #ffffff;
                            }
                        }
                        span{
                            color: #ffffff;
                        }
                    }
                }
            }
            .sex-name{
                display: flex;
                justify-content: center;
                align-items: center;
                >p{
                    font-size: $font-color-main;
                    color: $font-size-main;
                    text-align: center;
                }
            }
            
            .list-num{
                p{
                    font-size: $font-color-main;
                    color: $font-size-main;
                    text-align: center;
                }
            }
            .age{
                p{
                    font-size: $font-color-main;
                    color: $font-size-main;
                    text-align: center;
                }
            }
            .status{
                .content,p{
                    font-size: $font-color-main;
                    color: $font-size-main;
                    .draft{
                        color: $font-color-price;
                    }
                    .clinical{
                        color: $main-color;
                    }
                    .checking{
                        color: $tip-green;
                    }
                    .have-clinical{
                        color: $font-color-info;
                    }
                    .passed-num{
                        color: $tip-yellow1;
                    }
                    .passed-time{
                        color: $tip-yellow2;
                    }
                    .return{
                        color: $tip-red;
                    }
                }
            }
            .item-active{
                background: $main-color;
                .content{
                    color: $font-color-white;
                    span{
                        color: $font-color-white!important;
                    }
                }
            }
        }
    }
}

.el-popover{
    .item-info{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
}